<template>
  <div id="home">
    <div class="home">
      <div class="processit-title clearfix">
          <mt-header title="流程与IT服务" class="mt-header">
             <mt-button  icon="back" slot="left" class="back"  @click="$root.goBack()">返回</mt-button>
         </mt-header>
      </div>
      <div class="replace"></div>
      <div class="processit-cell">
          <ul>
            <li @click="toItService">
                <a href="javascript:;">
                  <img class="ic-it" src="../assets/ic-it.png" alt="">
                   <p>IT服务</p>
                   <img class="ic-next" src="../assets/ic-next.png" alt="">
                </a>
            </li>
             <li @click="toProcessProblem">
              <a href="javascript:;">
                <img class="ic-it" src="../assets/ic21.png" alt="">
                <p>流程问题</p>
                <img class="ic-next" src="../assets/ic-next.png" alt="">
             </a>
            </li>
             <li @click="toPasswordReset">
              <a href="javascript:;">
                <img class="ic-it" src="../assets/ic-pwd.png" alt="">
                <p>应用系统密码重置</p>
                <img class="ic-next" src="../assets/ic-next.png" alt="">
              </a>
            </li>
             <li @click="toProgressQuery">
              <a href="javascript:;">
                <img class="ic-it" src="../assets/ic-see.png" alt="">
                <p>进度查询</p>
                <img class="ic-next" src="../assets/ic-next.png" alt="">
              </a>
            </li>
             <li @click="toComplain">
              <a href="javascript:;">
                <img class="ic-it" src="../assets/ic33.png" alt="">
                <p>投诉</p>
                <img class="ic-next" src="../assets/ic-next.png" alt="">
               </a>
            </li>
             <li @click="toSystemLinkman">
             <a href="javascript:;">
                <img class="ic-it" src="../assets/ic34.png" alt="">
                <p>应用系统接口人</p>
                <img class="ic-next" src="../assets/ic-next.png" alt="">
               </a>
            </li>
             <li @click="toOperationLinkman">
              <a href="javascript:;">
                <img class="ic-it" src="../assets/ic35.png" alt="">
                <p>运维服务接口人</p>
                <img class="ic-next" src="../assets/ic-next.png" alt="">
             </a>
            </li>
          </ul>
      </div>
      <div class="cell-bottom">
      </div>
    </div>
  </div>
</template>

<script>
import { Header } from "mint-ui";
import { mapGetters, mapActions } from "vuex";
import service from "../service";
import config from "configuration";
export default {
  components: {
    Header
  },
  name: "home",
  data() {
    return {
      newsList: [],
      show: false
    };
  },
  computed: {
    ...mapGetters({
      loading: "getLoading",
      direction: "getDirection"
    })
  },
  methods: {
    toItService(){
      this.$router.push({name:'itservice'})
    },
     toProcessProblem(){
      this.$router.push({name:'processproblem'})
    },
     toPasswordReset(){
      this.$router.push({name:'passwordreset'})
    },
     toProgressQuery(){
      this.$router.push({name:'progressquery'})
    },
     toComplain(){
      this.$router.push({name:'complain'})
    },
     toSystemLinkman(){
      this.$router.push({name:'systemlinkman'})
    },
     toOperationLinkman(){
      this.$router.push({name:'operationlinkman'})
    }
  },
  mounted() {}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>

</style>
